:root {
    --font-color: rgba(0, 0, 0, 0.87);
    --font-grey-color: rgba(0, 0, 0, 0.4);
    --input-grey-color: #F5F5F5;
    --theme-font-color: #936798;
    --main-color: #936798;
    --main-bg-color: #eeeef0;
    --main-nav-color: rgba(255, 255, 255, 0.74);
    --table-header-bg-color: #f5f5f5;
    --table-header-font-color: rgba(0, 0, 0, 0.38);
    --table-footer-bg-color: #f5f5f5;
    --main-border-color: rgba(0, 0, 0, 0.12);
    --main-hover-color: rgba(0, 0, 0, 0.05);
    --table-tools-btn-color: #dadada;
    --table-tools-btn-disable-color: #dadada0f;
    --steper-nav-color: #eeeef0;
    --taber-nav-color: #eeeef0;
    --main-scroll-bg-color: #e0e0e0;
    /* #b1b9bf */
}


/* 宽度限制 */

.max-1000 {
    /* max-width: 1000px !important;
overflow-x: hidden !important; */
}

.max-1200 {
    max-width: 1200px !important;
    overflow-x: hidden !important;
}

.max-1400 {
    max-width: 1400px !important;
    overflow-x: hidden !important;
}

.max-1600 {
    max-width: 1600px !important;
    overflow-x: hidden !important;
}

.min-1200 {
    min-width: 1200px !important;
    overflow-x: hidden !important;
}

.min-1000 {
    min-width: 1000px !important;
    overflow-x: hidden !important;
}

.max-600 {
    max-width: 600px !important;
    overflow-x: hidden !important;
}

.max-500 {
    max-width: 500px !important;
    overflow-x: hidden !important;
}

.min-500 {
    min-width: 500px !important;
    overflow-x: hidden !important;
}


/* 用于强制修改透明颜色*/

.transparent {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
}


/* 圆角 */

.br-8 {
    border-radius: 8px !important;
}

.br-4 {
    border-radius: 4px !important;
}

.br-max {
    border-radius: 99px !important;
}


/* 定位 */

.relative {
    position: relative !important;
}

.absolute {
    position: absolute !important;
}

.fixed {
    position: fixed !important;
}


/* 多行省略 */

.oneLine {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.twoLine {
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.fourLine {
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}


/* 字体大小 */

.fs-12 {
    font-size: 12px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-26 {
    font-size: 26px !important;
}

.fs-28 {
    font-size: 28px !important;
}

.fs-30 {
    font-size: 30px !important;
}


/* 手势 */